@CHARSET "UTF-8";

/*************************************************************************************************/
/* Hier wird das Design der Seite festgelegt!                                                    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	

html{
		color				:	#FFF;
		font-size			:	10.9pt;
	}
	body			
	{	
		margin				:	2px;
		color				:	#FFF;
		font-family			: 	Times New Roman,Calibri,Garamond,Arial,Verdana;
		font-size			:	10.9pt;
	}
	
	div.center{
		margin				:	0px auto;
		position			:	relative;
	    width				:	1020px;
	    height				:	auto;	    
	}
	
/*************************************************************************************************/
/* Headline		                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
	
	div.headline
	{
		font-family			: 	Arial,Helvetica,sans-serif;
	}
	
	div.header		
	{
		position			: 	relative;
		width				:	862px;
		height				:	103px;	
		top					:	0px;
		left				:	158px;
		background-image	:	url(./Bilder/DLRG_top.gif);
		background-repeat	:	repeat-x; 	
	}
	
	div.headline_pic	
	{	
		position 			:	absolute;
		top					:	0px;
		width				:	158px;
		height				:	100px;
	}
	
	div.headline_line	
	{	
		position 			:	absolute;
		top					:	102px;
		width				:	158px;
		height				:	1px;
		background-color	:	rgb(0,115,255);
	}
	
	div.headline_1	
	{	
		position			: 	absolute;
		top					:	20px;
		left				:	65px;
		height				:	23px;
		font-size			:	16px;
		line-height			:	13px;
		font-weight			:	bold;	
		text-align			:	left;
		color				:	#000;/*black*/
		/*#F84;/*orange*/
	}
	
	div.headline_2	
	{	
		position			: 	absolute;
		top					:	37px;
		left				:	65px;
		height				:	22px;
		font-size			:	14px;
		line-height			:	12px;
		font-weight			:	bold;	
		text-align			:	left;
		color				:	#000;/*black*/
		/*#F84;/*orange*/
	}

	b.headline
	{	
		color				:	rgb(255,255,0);
		font-weight			:	bold;
	}	


/*************************************************************************************************/
/* Content	                                                                                     */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
	table.middle
	{	
		width				:	auto;
		height				:	auto;
		background-color	:	rgb(255,255,226);	
		margin				:	0px 0px 0px 0px;
		table-layout		:	fixed;
		background-color	:	#29B0FF;
		background-image	:	url(./Bilder/Background.png);
		background-repeat	:	repeat-x;
	}	
	
	td.left
	{
		vertical-align		:	top;
		width				:	158px;
	}	
	
	td.right
	{
		vertical-align		:	top;
		width				:	auto;
		padding				:	0 50px 0 50px;
	}	
	
	div.content		
	{			
		position			: 	relative;
		left				:	0px;
		top					:	0px;
		width				:	762px;
		height				:	auto;
		min-height			:	490px;		
		background-color	:	#29B0FF;
		background-image	:	url(./Bilder/Background.png);
		background-repeat	:	repeat-x;
	}
	
	div.bottom_line 
	{
		position			:	relative;
		top					:	0px;
		width				:	auto;
		height				:	20px;
		color				:	rgb(255,255,0);		
		background-color	:	rgb(0,0,255);		
		text-align			:	center;
		padding				:	5px;
		border-top			:	2px solid rgb(255,255,226);
	}	

/*************************************************************************************************/
/* MENUELEISTE LINKS                                                                             */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.menue 		
	{		
		position			: 	relative;
		left				:	0px;
		top					:	0px;
		width				:	158px;
		height				:	auto;
		text-align			:	left;
		font-size			:	12.9pt;
		background-color	:	#29B0FF;
		background-image	:	url(./Bilder/Background.png);
		background-repeat	:	repeat-x;	
	}
		
	div.menue a, div.menue_leer
	{
		position			: 	relative;
		left				:	0px;
		top					:	5px;	
	}
	
	a.submenuitem, div.submenuitem
	{
		display				:	block;
		border-bottom		:	2px solid rgb(255,255,226);
		line-height			:	1.5em;
		vertical-align		:	middle;
		font-size			:	0.8em;
		font-weight			:	bold;
		padding				:	0.3em 0 0.3em 18px;
		color				:	rgb(255,255,200);
		background-color	:	rgb(0,115,255);
	}
	
    a.submenuitem:hover, a.subsubmenuitem:hover
	{
		color				:	rgb(255,255,255);		
		background-color	:	rgb(0,0,215);
	}
	
	a.submenuitem:active, a.subsubmenuitem::active
	{
		color				:	rgb(255,255,0);		
		background-color	:	rgb(0,0,255);
	}
	
	a.subsubmenuitem
	{
		display				:	block;
		border-bottom		:	2px solid rgb(255,255,226);
		font-size			:	0.7em;
		line-height			:	1.5em;
		margin				:	0;
		padding				:	0.3em 0 0.3em 35px;
		text-indent			:	-1.2em;
	}
	
	#current 		
	{ 
		color				:	rgb(255,255,0);
		background-color	:	rgb(0,0,215);
	}	
	
	#subcurrent 		
	{ 
		color				:	rgb(255,255,0);
		background-color	:	rgb(0,0,215);
	}	
	
/*************************************************************************************************/
/* Logos und Buttons                                                                             */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
				
	div.logo_1		
	{
		position			: 	absolute;
		top					:	10px;
		left				:	-25px;
	}	
	div.logo_2		
	{
		position			: 	absolute;
		top					:	10px;
		left				:	685px;
	}    
	
	div.logo_3		
	{
		position			: 	absolute;
		top					:	20px;
		left				:	-20px;
	}    
	
	div.logo_4		
	{
		position			: 	absolute;
		top					:	10px;
		left				:	570px;
	}    
	
	div.zurueck		
	{
		position			: 	absolute;
		top					:	10px;
		left				:	-20px;
	}	

	div.vorwaerts		
	{
		position			: 	absolute;
		top					:	10px;
		left				:	700px;
	}  
	
	div.galerie_selection
	{	
		position			: 	absolute;
		left				:	160px;
		bottom				:	5px;
		color				:	blue;
	}
	div.counter
	{	
		position			:	relative;	
		top					:	5px;
		text-align			:	center;
		padding				:	10px 5px 5px 5px;
		background-color	:	rgb(0,115,255);
	}	
	div.datum		
	{	
		position			:	absolute;	
		color				:	yellow;
		bottom				:	15px;
		left				:	10px;
	}		
	div.hinweise		
	{	
		position			:	absolute;	
		color				:	yellow;		
		bottom				:	15px;
		left				:	150px;
	}	
	
/*************************************************************************************************/
/* Hyperlinks		                                                                             */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	a.i,a.link
	{	
		color				:	rgb(255,255,0);
		font-style			:	italic;
		font-weight			:	bold;
	}	
	
	a				
	{
		color				:	white;
		text-decoration		:	none;
	}
	a:hover		
	{
		color				:	blue;
		text-decoration		:	none;
	}
	a:active		
	{
		color				:	orange;
		text-decoration		:	none;
	}
	
	div.zurueck	a:hover	
	{
		position			: 	absolute;
		top					:	2px;
		left				:	2px;
	}	

	div.vorwaerts a:hover		
	{
		position			: 	absolute;
		top					:	2px;
		left				:	2px;
	}  
	
	div.bottom_line a
	{
		color				:	rgb(255,255,0);
	}
	
	div.bottom_line a:hover
	{
		color				:	orange;
	}
		
	div.galerie_selection a
	{
		color				:	white;
	}
	
	div.galerie_selection a:hover
	{
		color				:	red;
	}
	
	div.menulogo a {		
		position			: 	absolute;
		top					:	0px;
		left				:	728px;
		height				:	65px;
		width				:	90px;
		background-color	:	transparent;
		display				:	block;

	}
		
/*************************************************************************************************/
/* Text und Headline Style                                                                       */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	

	div.content_text,div.text1,div.text_zentriert
	{ 
		text-align			:	center;
		text-decoration		:	none;
		line-height			:	130%;
		padding-top 		:	10pt;
	}
	
	div.content_text1,div.text2,div.text_links
	{ 
		text-align			:	justify;
		text-decoration		:	none;
		line-height			:	130%;
		padding-top 		:	10pt;
	}	
		
	div.content_text2,div.text3,div.text_eingerueckt
	{ 
		text-align			:	justify;
		text-decoration		:	none;
		line-height			:	130%;
		padding-top 		:	10pt;
		padding-left		:	25px;
		padding-right		:	25px;
	}		
	
	div.headline1,div.ueberschrift1		
	{ 
		text-align			:	center;	
		font-size			:	25pt;
		font-weight			:	bold;
		padding-top 		:	25pt;			
	}					

	div.headline2,div.ueberschrift2		
	{
		text-align			:	center;		
		font-size			:	17pt;
		font-weight			:	bold;
		font-style			:	italic;
		padding-top 		:	20pt;
	}
			
	div.headline3,div.ueberschrift3		
	{ 
		text-align			:	center;
		font-size			:	13pt;
		font-weight			:	bold;	
		font-style			:	italic;	
		padding-top 		:	20pt;
	}
		
	div.headline4,div.ueberschrift4		
	{ 
		text-align			:	center;
		font-size			:	22.5pt;
		font-weight			:	bold;
		padding-left		:	60px;
		padding-top 		:	20pt;
	}	
	
	table.uebersicht
	{
		text-align			:	center;
	}
	
	.intern
	{
		text-align			:	center;
	    background-color: transparent;
	    border: 0 none;
	    color: white;
	    font-weight: bold;
	}
	
	h2
	{
		position			:	absolute;
		top					:	-500px;
		font-size			:	0pt;
	}	
	
	.print
	{
		display				:	none;
	}
			
/*************************************************************************************************/
/* JQuery Tooltip Design für Bildergalerie                                                       */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
			
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #eee;
		color: #000;
		padding: 5px;
		opacity: 0.95;
		-moz-border-radius: 15px
	}
	#tooltip h3, #tooltip div { margin: 0; }
	
	#tooltip a{color:blue;}
	
	.picture {
		display:inline-block;
	}
	#clear {
		clear:left;
	}